<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="../scripts/jquery-1.8.2.js"></script>
</head>
<body>
<form name="payFormCcard" method="post" action="https://test.pesopay.com/b2cDemo/eng/payment/payForm.jsp">
<input type="hidden" name="merchantId" value="1">
<input type="hidden" name="amount" value="3000.0" >
<input type="hidden" name="orderRef" value="000000000014">
<input type="hidden" name="currCode" value="344" >
<input type="hidden" name="mpsMode" value="NIL" >
<input type="hidden" name="successUrl" value="http://www.yourdomain.com/Success.html">
<input type="hidden" name="failUrl" value="http://www.yourdomain.com/Fail.html">
<input type="hidden" name="cancelUrl" value="http://www.yourdomain.com/Cancel.html">
<input type="hidden" name="payType" value="N">
<input type="hidden" name="lang" value="E">
<input type="hidden" name="payMethod" value="CC">
<input type="hidden" name="secureHash" value="44f3760c201d3688440f62497736bfa2aadd1bc0">
<input type="submit" name="submit">
</form>
<div id="resultData"></div>
</body>
<script type="text/javascript">

/*
Merchant ID = 18057808
Currency = 608 (PHP)
Payment URL for integration: https://test.pesopay.com/b2cDemo/eng/payment/payForm.jsp   
Note: The payment URL stated above is NOT for you to click. It is for your web page to POST payment variables.

Merchant API
Login Name = phproactive
Password = 2012proactive
*/

var postData = {merchantId:18057808, loginId:'phproactive', password:'2012proactive', currCode:'608 (PHP)'};
		
var apiURL = "https://test.pesopay.com/b2cDemo/eng/payment/payForm.jsp";

$.post(apiURL, postData, function(data){
	$("#resultData").empty().append(data);
});

</script>
</html>